<link rel="stylesheet" href="css/receiveStands/orderReceiving.css">
<!--最大父级-->
<div class="orderReceiving clearfix" ui-view>
  <div class="y-content-box clearfix" style="margin-top: 10px;position: relative; margin-left:20px;overflow: hidden;">

    <!--左边menu-->
    <div class="y-content2-lawyerq fl wt-scroll orderReceiving-sidebar" style="background: #fff;">
      <p class="orderReceiving-sidebar-title"><img src="img/d_collect.svg" alt=""> 服务分类</p>
      <ul class="orderReceiving-sidebar-content">
        <li ng-repeat="list in caseSourceList" data-type="{{list.key}}" ng-click="changeServiceType($event)" ng-class="{'active': list.key == serviceType}">
          <span class="caseSs-sidebar-border"></span>
          {{list.value}}
          <span ng-if="list.key =='1'">( {{orderTotal.freeTotalCount}} )</span>
          <span ng-if="list.key =='2'">( {{orderTotal.phoneTotalCount}} )</span>
          <span ng-if="list.key =='3'">( {{orderTotal.contractwritorTotalCount}} )</span>
          <span ng-if="list.key =='4'">( {{orderTotal.contractcheckTotalCount}} )</span>
          <span class="sidebar-content-right">
            <span ng-if="list.key =='1'" ng-show="orderTotal.freeUnreadCount>0">{{orderTotal.freeUnreadCount}}</span>
            <span ng-if="list.key =='2'" ng-show="orderTotal.phoneUnreadCount>0">{{orderTotal.phoneUnreadCount}}</span>
            <span ng-if="list.key =='3'" ng-show="orderTotal.contractwritorUnreadCount>0">{{orderTotal.contractwritorUnreadCount}}</span>
            <span ng-if="list.key =='4'" ng-show="orderTotal.contractcheckUnreadCount>0">{{orderTotal.contractcheckUnreadCount}}</span>
            <i class="iconfont">&#xe6a6;</i>
          </span>
        </li>
      </ul>
    </div><!-- menu end-->
    <!--右边 menu-->
    <div class="d-g-auto orderReceiving-rightCon" >
      <!--展示面板 start-->
      <div class="orderReceiving-content wt-scroll" ><!-- ng-show="!caseSourcesParticulars"-->
        <div class="orderReceiving-case-word">
          <div class="orderReceiving-word-top">
            <div class="orderReceiving-word-nav clearfix">
              <span class="fl">状态筛选：</span>
              <ul>
                <li ng-class="{'caseS-active': orderType == ''}" data-status="" ng-click="changeOrderType($event)">全部</li>
                <li ng-show="showStatus == 1" ng-class="{'caseS-active': orderType == 11}" data-status="11" ng-click="changeOrderType($event)">待解答</li>
                <li ng-show="showStatus == 1" ng-class="{'caseS-active': orderType == 12}" data-status="12" ng-click="changeOrderType($event)">已解答</li>
                <li ng-show="showStatus == 2" ng-class="{'caseS-active': orderType == 21}" data-status="21" ng-click="changeOrderType($event)">进行中</li>
                <li ng-show="showStatus == 2" ng-class="{'caseS-active': orderType == 22}" data-status="22" ng-click="changeOrderType($event)">待验收</li>
                <li ng-class="{'caseS-active': orderType == 3}" data-status="3" ng-click="changeOrderType($event)">已完成</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="orderReceiving-word-con">
          <div class="orderReceiving-word-filtrate">
            <div  class="dropdown">业务类型：<span  class="dropdown-toggle"  data-toggle="dropdown" ng-click="panalShow()">{{businessName}}<img src="img/d_small_narrow.svg" alt=""></span>
            <p class="word-filtrate-text dropdown-menu"  style="">
              <span data-code="" ng-click="changeBusinessType($event)">全部</span>
              <span ng-repeat="checkbox in businessListClassify track by $index" data-code="{{checkbox.code}}" ng-click="changeBusinessType($event)">{{checkbox.name}}</span>

            </p>
            </div>
          </div>
          <ul class="word-filtrate-con clearfix" ng-show="consultOrderPageList.length>0">
            <li class="clearfix" ng-repeat="trems in consultOrderPageList" ui-sref="orderReceivingDetails({id:trems.orderId})" ng-click="findConsultOrderInfo(1)">
              <div class="filtrate-con-l">
                <h6>案源编号：{{trems.orderId}}<span ng-show="trems.unreadCount>0">新消息 <i></i></span></h6>
                <ul class="clearfix">
                  <li>业务类型：<span>{{trems.businessTypeName}}</span></li>
                  <li>服务状态：<span>{{getStatusName(trems.status)}}</span></li>
                  <li class="clearfix"><p class="fl">客户名称：</p><span>{{trems.customerName}}</span> <span class="d-filtrate-details" ng-click="getCustomerDetails(trems);$event.stopPropagation();">详情</span></li>
                </ul>
                <div class="clearfix"><span>需求描述：</span><p>{{trems.consultContent}}</p></div>
              </div>
              <div class="filtrate-con-r">
                <button class="d-sou-btn d-sou-btn-j" ui-sref="orderReceivingDetails({id:trems.orderId})" ng-if="showStatus == 1" ng-show="( trems.status==11 )" ng-click="findConsultOrderInfo(1)">解答</button>
                <button class="d-sou-btn d-sou-btn-j" ng-if="showStatus != 1"  ng-show="( trems.status==21 )" ng-click="getConsultOrderId(trems);$event.stopPropagation();">提交验收</button>
                <p class="w_status" ng-if="showStatus == 1" ng-show="( trems.status==12 )">
                  <img src="../../img/status_1.png" alt="">
                  <span style="color: #52CBC7;">暂无追问</span>
                </p>
                <p class="w_status" ng-if="showStatus != 1" ng-show="( trems.status==22 )">
                  <img src="../../img/status_2.png" alt="">
                  <span style="color: #EF8F45;">等待验收</span>
                </p>
                <p class="w_status" ng-show="( trems.status==3 )">
                  <img src="../../img/status_3.png" alt="">
                  <span style="color: #B1C0C9;">已完成</span>
                </p>
              </div>
            </li>


          </ul>
          <div ng-show="consultOrderPageList.length == 0">没有数据</div>

        </div>
        <!--分页-->
        <div class="pagingBox" ng-show="pageSetting.totalItems>10" style="margin: 0px;">
          <div class="ssqPagingSimple">
            <ul uib-pagination total-items="pageSetting.totalItems" ng-model="pageSetting.pageNo" items-per-page="pageSetting.pageSize" class="pagination-sm" boundary-link-numbers="true" ng-change="getConsultOrderPageList()" max-size="8" previous-text="上一页" next-text="下一页" ></ul>
          </div>
        </div>
      </div>
      <!--展示面板 end-->
    </div>
    <!--右边 menu end-->

  </div>
</div>

<!--最大的父级-->

<!-- 客户详情 -->
<div class="modal fade" id="customerDetails" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" >
    <div class="modal-content" style="border: 1px solid transparent;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="iconfont" aria-hidden="true">&#xe683;</i></button>
        <h4 class="modal-title" id="myModalLabel">客户信息</h4>
      </div>
      <div class="modal-body">
        <dl class="clearfix">
          <dt>客户名称：</dt>
          <dd>{{itemDetails.customerName}}</dd>
        </dl>
        <dl class="clearfix" ng-show="itemDetails.customerType == 2">
          <dt>联系人：</dt>
          <dd>{{itemDetails.ustomerContactName}}</dd>
        </dl>
        <dl class="clearfix">
          <dt>联系方式：</dt>
          <dd>{{itemDetails.customerPhone}}</dd>
        </dl>
        <dl class="clearfix">
          <dt>客户类型：</dt>
          <dd>{{customerType}}</dd>
        </dl>
      </div>
      <div class="modal-footer">
        <button type="button" class="closeBtn" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

<!-- 提交验收 -->
<div class="modal fade" id="submit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" style="width: 412px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="iconfont" aria-hidden="true">&#xe683;</i></button>
        <h4 class="modal-title" style="text-align: center;">提交验收</h4>
      </div>
      <div class="modal-body" style="font-size: 12px;color: #313131;letter-spacing: 0;line-height: 22px;">
        提交验收后，用户会对您的服务进行评价，是否确认提交验收？
      </div>
      <div class="modal-footer">
        <button type="button" class="closeBtn" data-dismiss="modal" ng-click="sumbitAccept(orderId)">确定</button>
        <button type="button" class="closeBtn closeBtn_cancel" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>


<script>
  $(window).ready(function () {

    /*设置屏幕高度*/
    setHeight();
    function setHeight() {
      var minHeight = $(window).height()-130 + 'px';
      var maxHeight = $(window).height()-130 + 'px';
      $(".y-content-box").css("height",minHeight);
      $(".orderReceiving-rightCon").css("height",maxHeight)
    };
    $(window).resize(function() {
      setHeight();
    });
  })
</script>

